import React, { useState } from 'react'

export default function App() {

    // 对于一个对象来讲，如果该对象值无需改变，那么我们可以不用接第二个参数
    const [box] = useState({
        w: 100,
        h: 100
    })

    const [obj, setObj] = useState({
        x: 0,
        y: 0
    })


    function mouseMove(event) {

        // 该方法是可行的，但是我们最好将两个内容分开定义
        setObj({
            x: event.clientX,
            y: event.clientY,
        })


    }


    return (
        <div style={{ width: '100vw', height: '100vh' }} onMouseMove={mouseMove}>
            <h1>
                宽：{box.w} ------- 高：{box.h},

                x：{obj.x} ------- y：{obj.y}
            </h1>


        </div>
    )
}
